<template>
  <div>
    <el-tooltip placement="left" :content="globalStore.lockScreen ? '解锁' : '锁屏'">
      <div
        class="m-t-6px bg-[--el-color-primary-light-2] rounded-8px border-2px border-solid border-[--el-color-primary] w-40px h-40px flex flex-justify-center items-center"
      >
        <el-icon :size="20"><Lock v-show="globalStore.lockScreen" /><Unlock v-show="!globalStore.lockScreen" /></el-icon>
      </div>
    </el-tooltip>
  </div>
</template>

<script setup lang="ts">
import useGlobalStore from "@/stores/modules/global.ts";

const globalStore = useGlobalStore();
</script>

<style scoped></style>
